<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="f1">注册页面</div>
<div class="image-container">
    <img src="bla.png" style="width: 414px;
height: 100px;">
    <img src="Group.png" style="left:183px;
top: 10px;
width: 47px;
height: 56px;
opacity: 1;position: relative;">
    <div class="a1">Sign Up</div>
    <div class="a2">Enter your credentials to continue</div>
    <div class="a3">Username</div>
    <div class="a4">Afsar Hossen Shuvo</div>
    <div class="b1">Email</div>
    <div class="b2">imshuvo97@gmail.com</div>

    <img  src="Vector%202.png" style="left: 25px;
top: 350px;position:relative;opacity: 1;">
    <div class="a5">Password</div>
    <img src="Group%206803.png" style="left: 25px;top:400px;
position:relative;opacity: 1;">
    <img src="Vector.png" style="left: 0px;
top: 380px;position:relative;opacity: 1;">

    <div class="a6">By continuing you agree to our <br>
         and </div>
    <div class="c1">Terms of Service</div>
    <div class="c2">Privacy Policy.</div>

<a href="http://localhost:63342/untitled5/%E7%99%BB%E5%BD%95%E9%A1%B5%E9%9D%A2.html?_ijt=1g0nu63tparh41g6ull1ovj5g7&_ij_reload=RELOAD_ON_SAVE">
    <img src="button.png" style="left: 25px;top:470px;
position:relative;opacity: 1;">
</a>
    <div class="a7">Already have an account? </div>
    <div class="a8">Singup</div>

</div>
</body>
<style>
    .f1{
        color: green;
    }
    .image-container {
        position: relative;
        width: 414px;
        height: 896px;
        background-image: url('Mask Group.png');
        background-size: cover;
    }
    .a1{
        left: 25px;
        top: 237px;
        font-size: 26px;
        opacity: 1;
        color: rgba(24, 23, 37, 1);
        position: absolute;
    }
    .a2{
        left: 25px;
        top: 282px;
        font-size: 16px;
        opacity: 1;
        color: rgba(124, 124, 124, 1);
        position: absolute;
    }
    .a3{
        left: 25px;
        top: 338px;
        font-size: 16px;
        opacity: 1;
        color: rgba(124, 124, 124, 1);
        position: absolute;
    }
    .a4{
        left: 25px;
        top: 377px;
        font-size: 18px;
        opacity: 1;
        color: rgba(24, 23, 37, 1);
        position: absolute;
    }
    .b1{
        left: 25px;
        top: 438px;
        font-size: 16px;
        opacity: 1;
        color: rgba(124, 124, 124, 1);
        position: absolute;
    }
    .b2{
        left: 25px;
        top: 477px;
        font-size: 18px;
        opacity: 1;
        color: rgba(24, 23, 37, 1);
        position: absolute;
    }
    .a5{
        left: 25px;
        top: 548px;
        font-size: 16px;
        opacity: 1;
        color: rgba(124, 124, 124, 1);
        position: absolute;
    }
    .a6{
        left: 25px;
        top: 620px;
        font-size: 14px;
        opacity: 1;
        color: rgba(24, 23, 37, 1);
        position: absolute;
    }
    .a7{
        left: 93px;
        top: 770px;
        font-size: 14px;
        opacity: 1;
        color: rgba(24, 23, 37, 1);
        position: absolute;
    }
    .a8{
        left: 93px;
        top: 790px;
        font-size: 14px;
        opacity: 1;
        color: green;
        position: absolute;
    }
    .c1{
        left: 206px;
        top: 620px;
        font-size: 14px;
        opacity: 1;
        color: green;
        position: absolute;
    }
    .c2{
        left: 50px;
        top: 637px;
        font-size: 14px;
        opacity: 1;
        color: green;
        position: absolute;
    }

</style>
</html>
